<html class="bg-black">
    <head>
        <meta charset="UTF-8">
        <title>AdminLTE | Log in</title>
        <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
       <!-- bootstrap 3.0.2 -->
        <link href="<?php echo base_url();?>assets/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
        <!-- font Awesome -->
        <link href="<?php echo base_url();?>assets/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
        <!-- Theme style -->
        <link href="<?php echo base_url();?>assets/css/AdminLTE.css" rel="stylesheet" type="text/css" />

        <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
        <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
        <!--[if lt IE 9]>
          <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
          <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
        <![endif]-->
    </head>
    <body class="bg-black">
        
        
        <div class="form-box" id="login-box">
            <?php $msg= $this->session->flashdata('msg');
            if($msg!=''){ 
            echo "<div class=\"alert alert-danger alert-dismissable\"><i class=\"fa fa-check\"></i>  <button type=\"button\" class=\"close\" data-dismiss=\"alert\" aria-hidden=\"true\">&times;</button><strong>$msg</strong></div>";
            } ?>
            <div class="header">Sign In</div>
            <form method="post" action="" onSubmit="return checkFields();" class="form-horizontal login-form">
                <div class="body bg-gray">
                    <div class="form-group">
                        <input type="text" name="username" class="form-control" id="hocusfocus" placeholder="Username" value="" autofocus>
                    </div>
                    <div class="form-group">
                        <input type="password" name="password" class="form-control" autocomplete="off" placeholder="Password"  value="" >
                    </div>          
                    <div class="form-group">
                        <input type="checkbox" name="remember_me" value="check_me"/> Remember me
                    </div>
                </div>
                <div class="footer">                                                               
                    <button type="submit" name="submit" value="Login" class="btn bg-olive btn-block">Sign me in</button>  
                    
                    <p><a href="<?php echo base_url()?>login/forgot">I forgot my password</a></p>
                    
                    <a href="<?php echo base_url() ?>register" class="text-center">Register a new membership</a>
                </div>
            </form>


        </div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" type="text/javascript"></script> 
<script type="text/javascript">
$(document).ready(function(){$("[placeholder]").focus(function(){var input=$(this);if(input.val()==input.attr("placeholder")){input.val("");input.removeClass("placeholder")}}).blur(function(){var input=$(this);if(input.val()==""||input.val()==input.attr("placeholder")){input.addClass("placeholder");input.val(input.attr("placeholder"))}}).blur();$("[placeholder]").parents("form").submit(function(){$(this).find("[placeholder]").each(function(){var input=$(this);if(input.val()==input.attr("placeholder")){input.val("")}})})});
function checkFields(){missinginfo="";if(document.login.email.value==""){missinginfo+="\n     -  Email"}if(document.login.apassword.value==""){missinginfo+="\n     -  Password"}if(missinginfo!=""){missinginfo="These fields are empty:\n"+missinginfo+"\n";alert(missinginfo);return false}else{return true}};
</script>

   <!-- jQuery 2.0.2 -->
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script> 
 <!-- Bootstrap -->
        <script src="<?php echo base_url();?>assets/js/bootstrap.min.js" type="text/javascript"></script>
    </body>
</html>